@import 'init.less';
.bgImg{
    position: fixed;
    top: 0;
    left: 0;
    border: none;
}

.box{
    width: 100%;
    position: relative;
    .section-1{
        position: relative;
        height: 937px;
        width: 100%;
        .section-1-1{
            display: flex;
            position: absolute;
            right: 0;
            top: 50%;
            transform: translate( 0 , -50% );
            width: 100%;
            justify-content: center;
            li{
                padding: 0 30px;
                .section-1-1-1{
                    height: 42px;
                    overflow: hidden;
                    text-align: center;
                    position: relative;
                    border-bottom: 2px solid transparent;
                    a{
                        position: relative;
                        color: #fff;
                        font-size: 24px;
                        font-weight: bold;
                        text-shadow: 1px 1px 1px #666;
                        .p1{
                            line-height: 40px;
                            height: 40px;
                        }
                    }
                }
                .section-1-1-1:hover{
                    border-bottom: 2px solid #c7000b;
                }
            }           
        }
    }
    .section-2{
        padding-top: 205px;
        width: 100%;
        height: 545px;
        background: #fff;
        .section-2-1{
            margin: 0 auto;
            width: 354px;
            height: 340px;
            .section-2-1-2{
                margin-top: 15px;
                width: 354px;
                height: 120px;
                
            }
            .section-2-1-3{
                width: 100%;
                text-align: center;
                span{
                    margin: 0 5px;
                    display: inline-block;
                    width: 10px;
                    height: 10px;
                    border-radius: 5px;
                    cursor: pointer;
                    background: red;
                }
            }
        }
    }
    .section-3{
        position: relative;
        height: 306px;
        width: 100%;
        text-align: center;
        line-height: 306px;
        span{
            color: #fff;
            font-size: 45px;
        }
    }
    .section-4{
        padding: 30px 0 55px;
        width: 100%;
        background: #fff;
        border-bottom: 1px solid #d5d5d5;
        overflow: hidden;
        .wrap-4{
            margin: 0 auto;
            display: flex;
            width: 1000px;
            color: #393939;
            .section-4-1{
                font-size: 80px;
                letter-spacing: 3px;
            }
            .section-4-2{
                margin-left: 78px;
                width: 700px;
                font-size: 14px;
                line-height: 30px;
                text-transform: uppercase;
            }
        }
    }
    .section-5{
        padding: 40px 0 45px;
        width: 100%;
        background: #fff;
        text-align: center;
    }
    .section-6{
        padding: 35px 0;
        width: 100%;
        background: #fff;
        .wrap-6{
            margin: 0 auto;
            position: relative;
            width: 1020px;
            height: 100%;
            .section-6-1{
                display: flex;
                li{
                    width: 204px;
                    height: 380px;
                    background: #888;
                    img{
                        width: 100%;
                        height: 100%;
                    }
                }
            }
            .section-6-2{
                width: 32px;
                height: 32px;
                background: url(../img/btn2.png) no-repeat 0 -32px;
                position: absolute;
                top: 172px;
                left: -60px;
            }
            .section-6-3{
                width: 32px;
                height: 32px;
                background: url(../img/btn2.png) no-repeat -32px -32px;
                position: absolute;
                top: 172px;
                right: -60px;
            }
        }
    }
    .section-7{
        height: 755px;
        overflow: hidden;
        background: url(../img/bg2.jpg) no-repeat bottom;
        .wrap-7{
            margin: 0 auto;
            display: flex;
            height: 100%;
            width: 850px;
            .section-7-1{
                width: 285px;
                height: 100%;
                background: #112432;
                .left{
                    padding-top: 68px;
                    li{
                        width: 100%;
                        height: 65px;
                        overflow: hidden;
                        border-bottom: 1px solid #eeeeee;
                        position: relative;
                        transition: 300ms;
                    }
                    li:nth-child(1){
                        background: #fff url(../img/a1.png) no-repeat 47% center;
                    }
                    li:nth-child(2){
                        background: #fff url(../img/a2.png) no-repeat 47% center;
                    }
                    li:nth-child(3){
                        background: #fff url(../img/a3.png) no-repeat 47% center;
                    }
                    li:nth-child(4){
                        background: #fff url(../img/a4.png) no-repeat 47% center;
                    }
                    li:nth-child(5){
                        background: #fff url(../img/a5.png) no-repeat 47% center;
                    }
                    li:nth-child(6){
                        background: #fff url(../img/a6.png) no-repeat 47% center;
                    }
                    li:nth-child(7){
                        background: #fff url(../img/a7.png) no-repeat 47% center;
                    }
                    li:nth-child(8){
                        background: #fff url(../img/a8.png) no-repeat 47% center;
                    }
                }
                .section-7-1-2{
                    padding-top: 25px;
                    padding-left: 25px;
                    p{
                        line-height: 46px;
                        font-size: 42px;
                        color: #fff;
                    } 
                    .p1{
                        font-size: 12px;
                    }
                }
            }
            .section-7-2{
                padding-left: 71px;
                padding-top: 185px;
            }
        }
    }
    .section-8{
        width: 100%;
        background: #fff;
        height: 340px;
        .wrap-8{
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
            width: 938px;
            .section-8-1{
                padding-top: 30px;
                text-align: right;
                width: 175px;
                p{
                    line-height: 24px;
                    color: #2b2b2b;
                }
                .p1{
                    margin-bottom: 10px;
                    padding-bottom: 12px;
                    font-size: 36px;
                    border-bottom: 1px solid #aaaaaa;
                }
            }
            .section-8-2{
                padding-top: 80px;
                width: 660px;
                .title{
                    font-size: 18px;
                    color: rgb(57, 57, 57);
                }
                .text{
                    padding: 25px 0;
                    color: #868686;
                    line-height: 24px;
                    font-size: 12px;
                }
                a{
                    color: #f0f0f0;
                    .section-8-2-3{
                        width: 135px;
                        height: 38px;
                        line-height: 38px;
                        text-align: center;
                        background: #c7000b;
                        letter-spacing: 2px;
                        border-radius: 2px;
                        font-size: 12px;
                    }
                }
            }
        }
    }

}